<template>
  <div>
    <h2 class="count">我是Count组件</h2>
<!--    1.第一种获取方法-->
<!--    <h2>num:{{$store.state.num}}</h2>-->
    <h2>num:{{num}}</h2>
    <h2>doubleNum:{{doubleNum}}</h2>
  </div>
</template>

<script>
import {mapGetters, mapState} from "vuex";

export default {
  name: "Count",
  //2.通过计算属性获取
  // computed:{
  //   num(){
  //     return this.$store.state.num
  //   }
  // }

//  3.通过辅助函数获取
  computed:{
    ...mapState(['num']),
    ...mapGetters(['doubleNum'])
  }
}
</script>

<style scoped>

</style>